<template>

    <div class="content">
        <C>
            <template #header>
                <div>
                    header
                </div>
            </template>
            <template #:main="{ data }">
                <div>
                    <!-- main -->
                    {{ data.name }}
                </div>
            </template>
            <template #footer>
                <div>
                    footer
                </div>
            </template>
        </C>
    </div>

</template>

<script setup lang='ts'>
import { ref } from 'vue';
import C from './C.vue';

</script>
<style scoped></style>